<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="my" uri="http://amani.com/function-taglib"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>VIP预约</title> 
<%@ include file="../shared/common_header.jsp"%>
</head>
<body>
	<section>
	
		<form action="${ROOT_PATH }Orders/Step3" name="step2Form" id="step2Form" method="post">
		    <input name="openid"  id="openid" type="hidden" value="${openid }"/> 
			<input name="ordersFactProject" id="ordersFactProject" type="hidden" value="${ordersFactProject }" />
			<input name="staffno" id="staffno" type="hidden"/> 
		</form>
		<div class="calendar"> 
		    <div class="title">
		        <a href="javascript:;" class="on" rel="serviced" style="width:50%">服务过的</a>
		        <a href="javascript:;" rel="nearby" style="width:50%">按距离</a> 
		        <div class="clear"></div>
		    </div>
			 <div class="content serviced"  style="padding:10px">
			 	<table width="100%" border="0" cellspacing="0" cellpadding="0">
				 
	
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师1
						<div>111</div></td>
					</tr>
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师1
						<div>111</div></td>
					</tr>
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师1
						<div>111</div></td>
					</tr>
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师1
						<div>111</div></td>
					</tr>
	
				</table>
		    </div>
		    <div class="content nearby" style="padding:10px">
		         <table width="100%" border="0" cellspacing="0" cellpadding="0">
				 
	
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师2
						<div>111</div></td>
					</tr>
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师2
						<div>111</div></td>
					</tr>
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师3
						<div>111</div></td>
					</tr>
					<tr>
						<td class="titleft title" style="height:90px" value="001">设计师4
						<div>111</div></td>
					</tr>
	
				</table>
		    </div> 
	    </div>
	 </section>
	 <script type="text/javascript">
	 $(function(){
			(function initPage(){ 
				//初始化当前页面，默认显示第一天的数据
				$('.calendar').show().find('.title').show(); 
				 $('.serviced').show();
				 $('.title').show();
			})();
			
			//数据提交方法
			var commitData=function(){
				
			};
         
         $('.calendar .title').find('a').click(function () {
             var obj = $(this), type = obj.attr('rel');
             obj.addClass('on').siblings().removeClass('on');
             $('.title').show();
             if (type == 'serviced') { 
				 $('.serviced').show();
				 $('.nearby').hide();
             } else if (type == 'nearby') {
				 $('.nearby').show();
				 $('.serviced').hide();
             }  
         });
         $('.serviced td , .nearby td').click(function (e) {
        	 var staffno=$(e.currentTarget).attr("value");
        	 $("#staffno").val(staffno);
        	  $("#step2Form").submit();
         }); 
		})
	 
	 </script>
</body>
</html>